<template>
  <section class="py-16 bg-white">
    <div class="container mx-auto px-4">
      <div class="bg-gradient-to-r from-blue-50 to-purple-50 rounded-3xl p-8 md:p-12 shadow-lg">
        <div class="flex flex-col md:flex-row items-center justify-between">
          <div class="mb-8 md:mb-0 md:mr-8">
            <h2 class="text-2xl md:text-3xl font-bold mb-3 text-gray-800">准备好开始这段康复之旅了吗？</h2>
            <p class="text-gray-600">加入我们，体验数据与爱带来的全新康复体验</p>
          </div>
          <div class="flex flex-col sm:flex-row gap-4">
            <button class="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white px-8 py-3 rounded-full shadow-md hover:shadow-lg transition-all transform hover:-translate-y-0.5">
              免费注册
            </button>
            <button class="bg-white border-2 border-blue-200 hover:border-blue-300 text-blue-700 px-8 py-3 rounded-full shadow-sm hover:shadow-md transition-all transform hover:-translate-y-0.5">
              预约演示
            </button>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script setup>
// 行动召唤区无需额外逻辑
</script>
